<div class="data-panel">
  <div class="water-panel">
    <div class="title">
      引水量(亿m³)
    </div>
    <div class="data">
      <div class="item">
        <div class="num">{{yslData.plan}}</div>
        <div class="text">计划</div>
      </div>
      <div class="item">
        <div class="num">{{yslData.total}}</div>
        <div class="text">累计</div>
      </div>
      <div class="item">
        <div class="num">{{yslData.plan == 0 ? 0 : (yslData.total * 100 / yslData.plan).toFixed(0)}}%</div>
        <div class="text">占比</div>
      </div>
    </div>
  </div>
  <div class="ira-panel">
    <div class="title">
      灌溉进度(万亩)
    </div>
    <div class="data">
      <div class="item">
        <div class="num">{{data.wheat1}}</div>
        <div class="text">小麦头水</div>
      </div>
      <div class="item">
        <div class="num">{{data.wheat2}}</div>
        <div class="text">小麦二水</div>
      </div>
      <div class="item">
        <div class="num">{{data.wheat3}}</div>
        <div class="text">小麦三水</div>
      </div>
      <div class="item">
        <div class="num">{{data.rice}}</div>
        <div class="text">水稻</div>
      </div>
      <div class="item">
        <div class="num">{{data.corn}}</div>
        <div class="text">玉米</div>
      </div>
      <div class="item">
        <div class="num">{{data.other}}</div>
        <div class="text">其他</div>
      </div>
    </div>
  </div>
</div>

